<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="../css/ui.min.css" rel="stylesheet">
		<link href="../fonts/iconfont.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet"><!-- 样式 -->
		<link rel="stylesheet" type="text/css" href="../css/admin.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-bundle.min.css"/>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/select2/js/select2.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="wel">您好欢迎来到...</div>
					<div class="h-menu">
						<img src="../images/web/user.png"> <a href="" class="lk">登录</a> <span class="line">|</span> <a
							href="" class="lk">免费注册</a>
					</div>
					<ul class="h-link">
						<li><a href="">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="购物车.html">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="../SellerCenter/开店.html">卖家中心</a></li>
						<li class="line"></li>
						<li><a href="帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href="../首页.html"><img src="../images/web/logo.png"></a></div>
					<div class="nav-search buy-nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<script type="text/javascript">
								$('.select').select2()
							</script>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a
								href="">女装</a><a href="">母婴</a><a href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar">
					<div class="cate-nav">
						<div class="cate-nav-text u-center">商品分类</div>
					</div>
					<ul class="navbar-nav xqbar">
						<li><a href="">首页</a></li>
						<li><a href="我的主页.html">好物推荐</a></li>
						<li>
							<a href="账号设置.html">团购活动</a>
						</li>
						<li>
							<a href="购物车.html">聚划算</a>
						</li>
						<li>
							<a href="站内短信.html">百亿补贴</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="clearfix sp-warp">
					<div class="sp-left clearfix">
						<div class="swiper-warp left">
							<!-- Swiper -->
							<div class="swiper-container gallery-top">
								<div class="swiper-wrapper">
									<div class="swiper-slide" style="background-image:url(../images/buy/bg.png)"></div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg.png)"></div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg2.png)">
									</div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg3.png)">
									</div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg4.png)">
									</div>
								</div>
								<!-- Add Arrows -->
							</div>
							<div class="swiper-container gallery-thumbs">
								<div class="swiper-wrapper">
									<div class="swiper-slide" style="background-image:url(../images/buy/bg.png)"></div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg.png)"></div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg2.png)">
									</div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg3.png)">
									</div>
									<div class="swiper-slide" style="background-image:url(../images/buy/xbg4.png)">
									</div>
								</div>
							</div>
							<div class="collection">
								<button type="button" class="btn link-btn"><span
										class="iconfont icon-shoucang"></span>收藏宝贝</button>
							</div>
						</div>
						<div class="swiper-info left">
							<div class="swiper-info--tit">鞋子男冬季新款男士加厚保暖布鞋</div>
							<div class="swiper-info--prize">
								<span class="new-prize">店铺价格：￥<i class="now-num">39</i>（节省：￥22.0）</span>
								<span class="old-prize">原价：￥55元</span>
							</div>
							<div class="swiper-info--item">
								<span class="swiper-info--label">商品重量</span>
								<span class="swiper-info--value">0.00千克（kg)</span>
							</div>
							<div class="swiper-info--item">
								<span class="swiper-info--label">物流运费</span>
								<span class="swiper-info--value">
									无锡市 | 至
									<select name="" class="region">
										<option value="">未知地区</option>
										<option value="">未知地区</option>
										<option value="">未知地区</option>
									</select>
									<span class="text-danger">卖家承担</span>
								</span>
							</div>
							<div class="swiper-info--item">
								<span class="swiper-info--label">销售情况</span>
								<span class="swiper-info--value">售出<span class="text-danger">0</span> 件（0条评论）</span>
							</div>
							<div class="swiper-info--item">
								<span class="swiper-info--label">关注次数</span>
								<span class="swiper-info--value">253次</span>
							</div>
							<div class="swiper-info--item">
								<span class="swiper-info--label">店铺认证</span>
								<span class="swiper-info--value"><img src="../images/buy/rz.png"></span>
							</div>
							<div class="swiper-info--num clearfix">
								<span class="left">数量</span>
								<input type="text" class="form-control left" value="1">
								件<i>（库存 8888 件）</i>
							</div>
							<div class="swiper-info--cz">
								<button type="button" class="btn btn-default"><span
										class="iconfont icon-gouwucheman"></span>添加到购物车</button>
								<button type="button" class="btn btn-danger">立即购买</button>
							</div>
							<div class="swiper-info--bz">
								<span><img src="../images/buy/icon1.png">基础消保</span>
								<span><img src="../images/buy/icon2.png">七天无理由退换 </span>
								<span><img src="../images/buy/icon3.png">破损补寄</span>
								<span><img src="../images/buy/icon4.png">卖家运费险</span>
							</div>
						</div>
					</div>
					<div class="sp-right w-store">
						<div class="store-head sp-head">
							<div class="dp-top">
								<div class="store-tit grade">钻石卖家</div>
								<div class="store-icon clearfix">
									<div class="left">
										<img src="../images/buy/sp.png">
									</div>
									<div class="dp-content left">
										<div class="dp-name">陈毅维15662622262</span>
										</div>
										<div class="dp-xin"><img src="../images/buy/xin.png"></div>
										<div class="dp-praise">好评率<span class="text-danger">0.0%</span></div>
									</div>
								</div>
							</div>
							<div class="dp-info">
								<div class="dp-info-tit">店铺信息</div>
								<div class="dp-info-item">
									<span class="dp-info-label">创店时间</span>
									<span class="dp-info-vaule">2020-01-16</span>
								</div>
								<div class="dp-info-item">
									<span class="dp-info-label">所在地区</span>
									<span class="dp-info-vaule">江苏省 无锡市 滨湖区</span>
								</div>
								<div class="dp-info-item">
									<span class="dp-info-label">商品数量</span>
									<span class="dp-info-vaule"><span class="text-danger">50</span>件商品</span>
								</div>
								<div class="dp-info-item">
									<span class="dp-info-label">店铺收藏</span>
									<span class="dp-info-vaule"><span class="text-danger">50</span>人收藏</span>
								</div>
								<div class="dp-info-item">
									<span class="dp-info-label">联系电话</span>
									<span class="dp-info-vaule">4154564</span>
								</div>
							</div>
							<div class="dp-info">
								<div class="dp-info-tit">联系方式</div>
								<div class="dp-info-item">
									<span class="dp-info-label">商城客服</span>
									<a href="" class="link-btn"><span class="iconfont icon-kefu"></span>咨询客服</a>
								</div>
								<div class="dp-info-item">
									<span class="dp-info-label">咨询客服</span>
									<a href="" class="qq"><span class="iconfont icon-qq-copy"></span></a>
								</div>
								<div class="dp-info-item">
									<div class="dp-info-link clearfix">
										<div class="col-lick"><a href="" class="link-btn btn">进入店铺</a></div>
										<div class="col-lick"><a href="" class="link-btn btn">收藏店铺</a></div>
									</div>
								</div>
								<div class="dp-info-item clearfix">
									<div class="flex-item">
										<div>描述</div>
										<div class=""><span class="text-danger">5.0</span></div>
									</div>
									<div class="flex-item">
										<div>服务</div>
										<div class=""><span class="text-danger">5.0</span></div>
									</div>
									<div class="flex-item">
										<div>物流</div>
										<div class=""><span class="text-danger">5.0</span></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix">
					<div class="left">
						<div class="w-left">
							<div class="w-panel m20">
								<div class="w-panel-head">
									<div class="w-panel-tit">
										<span class="iconfont icon-add"></span>店内搜
									</div>
								</div>
								<div class="w-panel-body">
									<form action="" class="search-form">
										<div class="search-form__item clearfix">
											<span class="search-form__label">关键词</span>
											<input type="text" class="form-control" />
										</div>
										<div class="search-form__item clearfix">
											<span class="search-form__label">价格</span>
											<input type="text" class="form-control small-input" />
											<div class="jg left">-</div>
											<input type="text" class="form-control small-input" />
										</div>
										<div class="search-form__item">
											<div class="form-foot">
												<button type="button" class="btn btn-default">搜索</button>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="w-panel m20">
								<div class="w-panel-head">
									<div class="w-panel-tit">
										<span class="iconfont icon-add"></span>热销商品排行
									</div>
								</div>
								<div class="w-panel-body">
									<ul class="h-list">
										<li>
											<a href="">
												<div class="h-icon clearfix">
													<div class="left">
														<img src="../images/buy/h1.png">
													</div>
													<div class="h-cn left">
														<div class="h-tit">鞋子男冬季新款男士加厚</div>
														<div class="h-prize"><span class="text-danger">￥30</span></div>
														<div class="h-sale">已售<span class="text-danger">0</span>件</div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="">
												<div class="h-icon clearfix">
													<div class="left">
														<img src="../images/buy/h2.png">
													</div>
													<div class="h-cn left">
														<div class="h-tit">鞋子男冬季新款男士加厚</div>
														<div class="h-prize"><span class="text-danger">￥30</span></div>
														<div class="h-sale">已售<span class="text-danger">0</span>件</div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="">
												<div class="h-icon clearfix">
													<div class="left">
														<img src="../images/buy/h3.png">
													</div>
													<div class="h-cn left">
														<div class="h-tit">鞋子男冬季新款男士加厚</div>
														<div class="h-prize"><span class="text-danger">￥30</span></div>
														<div class="h-sale">已售<span class="text-danger">0</span>件</div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="">
												<div class="h-icon clearfix">
													<div class="left">
														<img src="../images/buy/h4.png">
													</div>
													<div class="h-cn left">
														<div class="h-tit">鞋子男冬季新款男士加厚</div>
														<div class="h-prize"><span class="text-danger">￥30</span></div>
														<div class="h-sale">已售<span class="text-danger">0</span>件</div>
													</div>
												</div>
											</a>
										</li>
										<li>
											<a href="">
												<div class="h-icon clearfix">
													<div class="left">
														<img src="../images/buy/h5.png">
													</div>
													<div class="h-cn left">
														<div class="h-tit">鞋子男冬季新款男士加厚</div>
														<div class="h-prize"><span class="text-danger">￥30</span></div>
														<div class="h-sale">已售<span class="text-danger">0</span>件</div>
													</div>
												</div>
											</a>
										</li>
									</ul>
									<div class="see-btn">
										<button type="button" class="btn btn-default">查看本店其他商品</button>
									</div>
								</div>
							</div>
							<div class="w-panel m20">
								<div class="w-panel-head">
									<div class="w-panel-tit">
										<span class="iconfont icon-add"></span>友情链接
									</div>
								</div>
								<div class="w-panel-body">
									<ul class="link-list">
										<li>
											<a href="">友情链接11111111111</a>
										</li>
										<li>
											<a href="">友情链接11111111111</a>
										</li>
										<li>
											<a href="">友情链接11111111111</a>
										</li>
										<li>
											<a href="">友情链接11111111111</a>
										</li>
										<li>
											<a href="">友情链接11111111111</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="right">
						<div class="w-right">
							<div class="slide">
								<div class="hd">
									<ul class="clearfix scorebar spbar">
										<li>商品详情</li>
										<li>评价详情</li>
										<li>成交记录</li>
										<li>产品咨询</li>
									</ul>
								</div>
								<div class="bd">
									<div class="order-panel">
										<div class="sp-info">
											<div class="sp-text clearfix">
												<div class="sp-text__item">
													<span class="sp-text__label">适用年龄</span>
													<span class="sp-text__value">18-26周岁</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">面料材质</span>
													<span class="sp-text__value">其他</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">尺码</span>
													<span class="sp-text__value">S M L</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">图案</span>
													<span class="sp-text__value">圆点</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">领子</span>
													<span class="sp-text__value">V领</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">衣门襟</span>
													<span class="sp-text__value">单排扣</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">颜色分类</span>
													<span class="sp-text__value">白色</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">货号</span>
													<span class="sp-text__value">WP20W1210293Y</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">面料主材质含量</span>
													<span class="sp-text__value">51%（含）- 70%（含）</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">上市年份季节</span>
													<span class="sp-text__value">2020年冬季</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">袖长</span>
													<span class="sp-text__value">长袖</span>
												</div>
												<div class="sp-text__item">
													<span class="sp-text__label">衣长</span>
													<span class="sp-text__value">长袖</span>
												</div>
											</div>
											<div class="sp-pic">
												<img src="../images/buy/swiper.png">
											</div>
										</div>
										<div class="shop-panel mt30">
											<div class="shop-panel-head p20">
												<div class="shop-panel-tit">
													推荐商品
													<a href="" class="more">查看更多 ></a>
												</div>
											</div>
											<div class="shop-panel-body">
												<ul class="hot-sale tj-shop clearfix">
													<li>
														<a href="商品详情.html">
															<div class="hot-shop">
																<div class="hot-img">
																	<img src="../images/buy/hot1.png">
																</div>
																<div class="hot-content">
																	<div class="hot-tit">
																		挂壁式空调清洗服务
																	</div>
																	<div class="hot-prize">
																		<span class="text-danger">￥30</span>
																	</div>
																	<div class="hot-deal">最近成交<span
																			class="text-danger">0</span>笔</div>
																	<div class="hot-detail">
																		<button type="button" class="btn">查看详情</button>
																	</div>
																</div>
															</div>
														</a>
													</li>
													<li>
														<a href="">
															<div class="hot-shop">
																<div class="hot-img">
																	<img src="../images/buy/hot2.png">
																</div>
																<div class="hot-content">
																	<div class="hot-tit">
																		挂壁式空调清洗服务
																	</div>
																	<div class="hot-prize">
																		<span class="text-danger">￥30</span>
																	</div>
																	<div class="hot-deal">最近成交<span
																			class="text-danger">0</span>笔</div>
																	<div class="hot-detail">
																		<button type="button" class="btn">查看详情</button>
																	</div>
																</div>
															</div>
														</a>
													</li>
													<li>
														<a href="">
															<div class="hot-shop">
																<div class="hot-img">
																	<img src="../images/buy/hot3.png">
																</div>
																<div class="hot-content">
																	<div class="hot-tit">
																		挂壁式空调清洗服务
																	</div>
																	<div class="hot-prize">
																		<span class="text-danger">￥30</span>
																	</div>
																	<div class="hot-deal">最近成交<span
																			class="text-danger">0</span>笔</div>
																	<div class="hot-detail">
																		<button type="button" class="btn">查看详情</button>
																	</div>
																</div>
															</div>
														</a>
													</li>
													<li>
														<a href="">
															<div class="hot-shop">
																<div class="hot-img">
																	<img src="../images/buy/hot4.png">
																</div>
																<div class="hot-content">
																	<div class="hot-tit">
																		挂壁式空调清洗服务
																	</div>
																	<div class="hot-prize">
																		<span class="text-danger">￥30</span>
																	</div>
																	<div class="hot-deal">最近成交<span
																			class="text-danger">0</span>笔</div>
																	<div class="hot-detail">
																		<button type="button" class="btn">查看详情</button>
																	</div>
																</div>
															</div>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
									<div class="order-panel"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="../images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.side-submenu').click(function() {
					$(this).addClass('active').siblings().removeClass('active')
				});
				$('.side-submenu>span').click(function() {
					$(this).siblings().toggle()
				});
				$('.submenu-nav>li').click(function() {
					$(this).addClass('on').siblings().removeClass('on')
					$(this).parents('.side-submenu').siblings().children('.submenu-nav').children().removeClass(
						'on')
				});

				jQuery(".slide").slide();

				var galleryThumbs = new Swiper('.gallery-thumbs', {
					spaceBetween: 13,
					slidesPerView: 5,
					loop: true,
					freeMode: true,
					loopedSlides: 5, //looped slides should be the same
					watchSlidesVisibility: true,
					watchSlidesProgress: true,
				});
				var galleryTop = new Swiper('.gallery-top', {
					spaceBetween: 13,
					loop: true,
					loopedSlides: 5, //looped slides should be the same
					thumbs: {
						swiper: galleryThumbs,
					},
				});

			});
		</script>
	</body>
</html>
